.menuList{
    width: 403px;
    padding-top: 42px;
    padding-left: 76px;
}
.menuList .checkMenu{
    width: 305.82px;
    height: 39px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 39px;
    margin-top: 26px;
    margin-left: 21px;
    cursor: pointer;
    align-items: center;
    display: flex;
    
}
.menuList .checkMenu img{
    margin-right: 15px;
    width: 38px;
    height: 38px;
}
.menuList .checkMenu:first-of-type{
    margin-top: 172px;
}
.menuList .active{
    color: #31F045;
    background: url('../../public/images/menuRight.svg') center right;
    background-repeat: no-repeat;
}

.memberHeader{
    height: 114px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.memberHeader .name{
    font-weight: 500;
    font-size: 28px;
    font-style: normal;
}
.memberHeader .info{
    font-size: 18px;
    font-weight: 500;
    display: flex;
}
.memberHeader .info span{
    color: #31F045;
}
.memberHeader .info img{
    margin-left: 37px;
    position: relative;
    top: 10px;
}
.memberHeader .info .robotName{
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    position: relative;
    top: -7px;
    right: 43px;
}
.memberMain{
    width: 100%;
    padding: 0 61px;
}
.memberMain .welcome{
    background-color: #23363A;
    height: 200px;
    overflow: hidden;
    border-radius: 30px;
    width: 1304px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 17px;
}
.memberMain .welcome .txt{
    font-size: 18px;
    font-weight: 500;
}
.memberMain .welcome .txt a{
    color: #ffffff;
    text-decoration: none;
    color: #31F045;
}
.memberMain .welcome .txt span{
    color: #31F045;
}
.memberMain .welcome .img-robot{
    position: relative;
    top: 14px;
    right: 17px;
}
.memberMain .dsahborad{
    width: 1304px;
    /* height: 855px; */
    background-color: #23363A;
    border-radius: 30px;
    margin-top: 44px;
    margin-bottom: 70px;
    padding: 14px 17px;
}
.memberMain .dsahborad .memberMoney{
    height: 205px;
    border-bottom: solid 1px #000000;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    /* padding: 0 45px; */
}
.memberMain .dsahborad .memberMoney .item{
    width: 420px;
    text-align: center;
    border-left: #000000 solid 1px;
    padding: 0 60px;
}
.memberMain .dsahborad .memberMoney .item .chart{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.memberMain .dsahborad .memberMoney .item .chart .icon{
    width: 112px;
    height: 112px;
    border: #31F045 solid 20px ;
    border-radius: 112px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.memberMain .dsahborad .memberMoney .item .chart .icon1{
    width: 112px;
    height: 112px;
    border: #59FFE7 solid 20px ;
    border-radius: 112px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.memberMain .dsahborad .memberMoney .item .chart .icon2{
    width: 112px;
    height: 112px;
    border: #F0F031 solid 20px ;
    border-radius: 112px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.memberMain .dsahborad .memberMoney .item .chart .num{
    font-size: 24px;
    font-weight: 500;
    /* width: 85px; */
    margin-top: 14px;
}
.memberMain .dsahborad .memberMoney .item .title{
    font-weight: 500;
    font-size: 20px;
    margin-top: 14px;
    text-align: center;
}

.memberMain .dsahborad .quick{
    margin-top: 20px;
}
.memberMain .dsahborad .quick .title{
    text-align: left;
    font-weight: 500;
    font-size: 20px;
}
.memberMain .dsahborad .quick .cardList{
    display: flex;
    justify-content: space-between;
    margin-top: 19px;
    
}
.memberMain .dsahborad .quick .cardList .card{
    width: 441px;
    height: 180px;
    border-radius: 20px;
    background-color: #141E20;
    padding: 0 10px;
}
.memberMain .dsahborad .quick .cardList .card1{
    width: 421px;
    height: 180px;
    border-radius: 20px;
    background-color: #141E20;
    box-shadow: -4px 0px 4px 0px #000000;
    z-index: 1;
    padding: 0 13px;
}
.memberMain .dsahborad .quick .cardList .img{
    margin-top: 22px;
    height: 56px;
}
.memberMain .dsahborad .quick .cardList .card1 .content .img{
    /* margin-top: 37px; */
    margin-right: 16px;
    z-index: 2;
}
.memberMain .dsahborad .quick .cardList .card1 .txt{
    margin-top: 12px;
    width: 335px;
    text-align: center;
    position: relative;
    left: 30px;
    z-index: 1;
}
.memberMain .dsahborad .quick .cardList .content{
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.memberMain .dsahborad .quick .cardList .content .t1{
    font-size: 22px;
    font-weight: 500;
}
.memberMain .dsahborad .quick .cardList .content .t2{
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
}

.memberMain .dsahborad .myplan{
    margin-top: 20px;
}
.memberMain .dsahborad .myplan .title{
    text-align: left;
    font-weight: 500;
    font-size: 18px;
}
.memberMain .dsahborad .myplan .plan{
    height: 204px;
    border-radius: 20px;
    border: #000000 1px solid;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 21px 0 65px;
}
.memberMain .dsahborad .myplan .plan .txt{
    font-size: 24px;
    font-weight: 500;
    line-height: 60px;
}
.memberMain .dsahborad .myplan .plan .txt1{
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
}